<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>好琴声</title>
	<base target=_blank>
	<link rel="stylesheet" type="text/css" href="css/xin_base.css">
	<link rel="stylesheet" type="text/css" href="css/xin_gerenzhongxin.css">
	<link rel="stylesheet" type="text/css" href="css/laydate.css">
	<script type="text/javascript " src="js/jquery-1.11.3.min.js"></script>
	<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
	<script class="resources library" src="js/area.js" type="text/javascript"></script>
	<script type="text/javascript" src="js/laydate.js"></script>
	<script type="text/javascript" src="js/diyUpload.js"></script>
	<script type="text/javascript" src="js/webuploader.html5only.min.js"></script>
	<script type="text/javascript">
					// 发布活动中的 点击查看报名人数的js
							$(function() {
										$('.chakanrenshu').click(function(event) {
											$('.renshuMsg').fadeOut('fast');
											$(this).parent('.huodongListRight').siblings('.renshuMsg').fadeIn('fast');
										});
										$('.shutUp').click(function(event) {
											$('.renshuMsg').fadeOut('fast')
										});





									});
							// 发布活动中的 点击查看报名人数的js
</script>
	
</head>
<body>
<!-- ······························头部结构····································· -->

	<div class="headerWrap">
	<!-- 顶部结构······················································ -->
		<div class="head clearfix">
			<div class="huanying">
				<p>天道酬勤，欢迎来到好琴声!</p>
			</div>
			<div class="h1">
				<a href="javascript:;">
					<h1>好琴声</h1>
				</a>
			</div>
			<div class="fanti">
				<a href="javascript:;">繁体</a>
			</div>
			<div class="erWeiMa">
				<div class="erWeiMaImg">
					<img src="images/foot_app.jpg" alt="">
				</div>
				<h2>扫一扫下载APP</h2>
			</div>
			<div class="denglu clearfix">
				<div class="dengLeft">
					<ul class="clearfix">
						<li><a href="javascript:;">个人中心</a></li>
						<li>丨</li>
						<li><a href="javascript:;">登录</a></li>
						<li>丨</li>
						<li><a href="javascript:;">注册</a></li>
					</ul>
				</div>
				<div class="dengRight">
					<a href="javascript:;">
						<img src="images/ad1.jpg" height="70" width="150" alt="">
					</a>
				</div>
			</div>
		</div>
	<!-- 顶部结构结束······················································ -->

	<!-- 导航结构···························································· -->
		<div class="navwrap">
			<div class="nav">
				<ul class="clearfix">
					<li><a href="javascript:;">音乐广场</a></li>
					<li><a href="javascript:;">音乐资讯</a></li>
					<li><a href="javascript:;">音乐名人</a></li>
					<li><a href="javascript:;">音乐老师</a></li>
					<li><a href="javascript:;">音乐教室</a></li>
					<li><a href="javascript:;">音乐乐团</a></li>
					<li><a href="javascript:;">音乐海选</a></li>
					<li><a href="javascript:;">音乐乐谱</a></li>
					<li><a href="javascript:;">音乐百科</a></li>
					<li><a href="javascript:;">音乐电台</a></li>
					<li><a href="javascript:;">声粉论坛</a></li>
					
				</ul>
			</div>
		</div>
	<!-- 导航结构···························································· -->
	</div>
<!-- 头部结构结束······························································ -->

<!-- ····························中间结构·································· -->
<div class="bodyWrap clearfix">
	<!-- 左侧菜单························································· -->
	<div class="singleLeft">
		<div class="menuA">
			<ul>
				<li><a href="javascript:;">我的空间</a></li>
				<li><a href="javascript:;">我的消息</a></li>
				<li><a href="javascript:;">知音动态</a></li>
				<li><a href="javascript:;">通讯录</a></li>
			</ul>
		</div>
		<div class="menuB">
			<ul>
				<!-- 直接链接到前台 -->
				<li><i class="iconfont">&#xe65f;</i><a href="javascript:;">我的教室<b>1</b></a></li>
				<!-- 琴房租赁  只有教室才有 -->
				<li><i class="iconfont">&#xe649;</i><a href="javascript:;">琴房租赁<b>1</b></a></li>
				<!-- 老师管理  只有教室才有 -->
				<li><i class="iconfont">&#xe66b;</i><a href="javascript:;">教师管理<b>1</b></a></li>
				<!-- 教室，老师共有 -->
				<li><i class="iconfont">&#xe66f;</i><a href="javascript:;">学生管理<b>1</b></a></li>
				<!-- 教室，老师共有 -->
				<li><i class="iconfont">&#xe667;</i><a href="javascript:;">我的课程<b>1</b></a></li>
				<!-- 教室，老师共有 -->
				<li><i class="iconfont">&#xe669;</i><a href="javascript:;">内部公告<b>1</b></a></li>
				<!-- 教室，老师共有 -->
				<li><i class="iconfont">&#xe671;</i><a href="javascript:;">音乐活动<b>1</b></a></li>
				<!-- 教室，老师共有 -->
				<li><i class="iconfont">&#xe651;</i><a href="javascript:;">推荐管理<b>1</b></a></li>
				<!-- 教室，老师，普通会员共有 -->
				<li><i class="iconfont">&#xe65e;</i><a href="javascript:;">我的发帖<b>1</b></a></li>
				<!-- 教室，老师，普通会员共有 -->
				<li><i class="iconfont">&#xe663;</i><a href="javascript:;">我的QA<b>1</b></a></li>
				<!-- 教室，老师，普通会员共有 -->
				<li><i class="iconfont">&#xe661;</i><a href="javascript:;">我的账户<b>1</b></a></li>
				<!-- 教室，老师，普通会员共有 -->
				<li><i class="iconfont">&#xe65d;</i><a href="javascript:;">个人资料<b>1</b></a></li>
				<!-- 教室，老师，普通会员共有 -->
				<li><i class="iconfont">&#xe64d;</i><a href="javascript:;">我的收藏<b>1</b></a></li>
				
			</ul>
		</div>
	</div>
	<!-- 左侧菜单完成····················································· -->
	<!-- 中间结构························································· -->
	<div class="singleMiddle">
		<!-- 老师管理 -->
		<div class="laoshiguanli">
			<div class="www360buy" style="margin:0 auto">
		<div class="hd">
			<ul>
				<li>已审核活动</li>
				<li>发布活动</li>
				<li>待审核活动</li>
				
				
			</ul>
			<div class="sousuokuang">
				<input type="text">
				<button class="iconfont sousuo1">&#xe658;</button>
			</div>
		</div>
		<div class="bd">
				<!-- 已审核的活动列表 -->
				<ul class="huodongList">
						<li>
							<a href="javascript:;">
								<img src="images/img.png"  alt="">
							</a>
							<div class="huodongListRight">
								<h2><a href="javascript:;">活动名称名称</a></h2>
								<p><span>时间：</span><span>2016-1-1~2016-2-2</span></p>
								<p><span>地点：</span><span>上海市黄浦新区某某某路某某某号某某琴行</span></p>
								<p><span>发布人：</span><span>张三李四</span></p>
								<p class="neirongjianjie"><span>内容简介：</span>内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介</p>

								<!-- 查看报名人数按钮 -->
								<div class="chakanrenshu">
									查看报名人数
								</div>
								<!-- 查看报名人数按钮结束 -->

							</div>
							<!-- 报名人数列表 -->
							<div class="renshuMsg">
									<i class="iconfont shutUp">&#xe62e;</i>
									<span class="baomingNum">当前已有<b>10</b>人报名</span>
									<div class="inrenshuMsg">
										<ul>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>

											
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
										</ul>
									</div>
							</div>
							<!-- 报名人数列表结束 -->
							
						</li>
						<li>
							<a href="javascript:;">
								<img src="images/img.png"  alt="">
							</a>
							<div class="huodongListRight">
								<h2><a href="javascript:;">活动名称名称</a></h2>
								<p><span>时间：</span><span>2016-1-1~2016-2-2</span></p>
								<p><span>地点：</span><span>上海市黄浦新区某某某路某某某号某某琴行</span></p>
								<p><span>发布人：</span><span>张三李四</span></p>
								<p class="neirongjianjie"><span>内容简介：</span>内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介</p>

								<!-- 查看报名人数按钮`````````````````````````````` -->
								<div class="chakanrenshu">
									查看报名人数
								</div>
								<!-- 查看报名人数按钮结束`````````````````````````` -->

							</div>
							<!-- 报名人数列表`````````````````````````````````````` -->
							<div class="renshuMsg">
									<i class="iconfont shutUp">&#xe62e;</i>
									<span class="baomingNum">当前已有<b>10</b>人报名</span>
									<div class="inrenshuMsg">
										<ul>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>

											
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
										</ul>
									</div>
							</div>
							<!-- 报名人数列表结束`````````````````````````````````` -->
							
						</li>
						<li>
							<a href="javascript:;">
								<img src="images/img.png"  alt="">
							</a>
							<div class="huodongListRight">
								<h2><a href="javascript:;">活动名称名称</a></h2>
								<p><span>时间：</span><span>2016-1-1~2016-2-2</span></p>
								<p><span>地点：</span><span>上海市黄浦新区某某某路某某某号某某琴行</span></p>
								<p><span>发布人：</span><span>张三李四</span></p>
								<p class="neirongjianjie"><span>内容简介：</span>内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介</p>

								<!-- 查看报名人数按钮 -->
								<div class="chakanrenshu">
									查看报名人数
								</div>
								<!-- 查看报名人数按钮结束 -->

							</div>
							<!-- 报名人数列表 -->
							<div class="renshuMsg">
									<i class="iconfont shutUp">&#xe62e;</i>
									<span class="baomingNum">当前已有<b>10</b>人报名</span>
									<div class="inrenshuMsg">
										<ul>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>

											
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
										</ul>
									</div>
							</div>
							<!-- 报名人数列表结束 -->
							
						</li>
						<li>
							<a href="javascript:;">
								<img src="images/img.png"  alt="">
							</a>
							<div class="huodongListRight">
								<h2><a href="javascript:;">活动名称名称</a></h2>
								<p><span>时间：</span><span>2016-1-1~2016-2-2</span></p>
								<p><span>地点：</span><span>上海市黄浦新区某某某路某某某号某某琴行</span></p>
								<p><span>发布人：</span><span>张三李四</span></p>
								<p class="neirongjianjie"><span>内容简介：</span>内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介</p>

								<!-- 查看报名人数按钮 -->
								<div class="chakanrenshu">
									查看报名人数
								</div>
								<!-- 查看报名人数按钮结束 -->

							</div>
							<!-- 报名人数列表 -->
							<div class="renshuMsg">
									<i class="iconfont shutUp">&#xe62e;</i>
									<span class="baomingNum">当前已有<b>10</b>人报名</span>
									<div class="inrenshuMsg">
										<ul>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>

											
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
										</ul>
									</div>
							</div>
							<!-- 报名人数列表结束 -->
							
						</li>
						<li>
							<a href="javascript:;">
								<img src="images/img.png"  alt="">
							</a>
							<div class="huodongListRight">
								<h2><a href="javascript:;">活动名称名称</a></h2>
								<p><span>时间：</span><span>2016-1-1~2016-2-2</span></p>
								<p><span>地点：</span><span>上海市黄浦新区某某某路某某某号某某琴行</span></p>
								<p><span>发布人：</span><span>张三李四</span></p>
								<p class="neirongjianjie"><span>内容简介：</span>内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介</p>

								<!-- 查看报名人数按钮 -->
								<div class="chakanrenshu">
									查看报名人数
								</div>
								<!-- 查看报名人数按钮结束 -->

							</div>
							<!-- 报名人数列表 -->
							<div class="renshuMsg">
									<i class="iconfont shutUp">&#xe62e;</i>
									<span class="baomingNum">当前已有<b>10</b>人报名</span>
									<div class="inrenshuMsg">
										<ul>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>

											
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
											<li>
												<a href="javascript:;"><img src="images/img.png" >&nbsp;&nbsp;&nbsp;姓名姓名</a>
												<span class="phoneNum">18888888888</span>
												<span class="sixin">私信</span>
											</li>
										</ul>
									</div>
							</div>
							<!-- 报名人数列表结束 -->
							
						</li>
						
				</ul>
				<!-- 编辑发布活动 -->
				<ul class="lh dengdai fabukecheng">
						<li><span>活动名称：</span><input required type="text"></li>
						
						<li><span>活动类型：</span>
						<select name="" id=""  class="shaixuankuang">
								<option value="">中华好琴声</option>
								<option value="">两岸音乐会</option>
								<option value="">两岸大师班</option>
								
							</select>
						</li>
						<li>
							<span>活动地点：</span>
							<div class="info1">
								<div>
								<select id="s_province" name="s_province"></select>
							    <select id="s_city" name="s_city" ></select>
							    <select id="s_county" name="s_county"></select>
							    
							    
							    <script type="text/javascript">_init_area();</script>
							    </div>
							    
							</div>
							<script type="text/javascript">
							var Gid  = document.getElementById ;
							var showArea = function(){
								Gid('show').innerHTML = "<h3>省" + Gid('s_province').value + " - 市" + 	
								Gid('s_city').value + " - 县/区" + 
								Gid('s_county').value + "</h3>"
														}
							Gid('s_county').setAttribute('onchange','showArea()');
							</script>
						
						</li>

						<li><span>上课地点：</span><input required type="text"></li>

						

						<li>
							<span>课程日期：</span>
							<div class="demo4">
								
								<ul class="inline" id="demo5">
								<input id="start" class="laydate-icon" value="2016-1-1" required>
								到：<input id="end" class="laydate-icon"  value="2016-1-1" required>
								</ul>
							</div>
							<script type="text/javascript">
								!function(){
									laydate.skin('molv');//切换皮肤，请查看skins下面皮肤库
									laydate({elem: ''});//绑定元素
								}();

								//日期范围限制
								var start = {
								    elem: '#start',
								    format: 'YYYY-MM-DD',
								    min: laydate.now(), //设定最小日期为当前日期
								    max: '2099-06-16', //最大日期
								    istime: true,
								    istoday: false,
								    choose: function(datas){
								         end.min = datas; //开始日选好后，重置结束日的最小日期
								         end.start = datas //将结束日的初始值设定为开始日
								    }
								};

								var end = {
								    elem: '#end',
								    format: 'YYYY-MM-DD',
								    min: laydate.now(),
								    max: '2099-06-16',
								    istime: true,
								    istoday: false,
								    choose: function(datas){
								        start.max = datas; //结束日选好后，充值开始日的最大日期
								    }
								};
								laydate(start);
								laydate(end);

								// //自定义日期格式
								// laydate({
								//     elem: '#demo',
								//     format: 'YYYY年MM月DD日',
								//     festival: true, //显示节日
								//     choose: function(datas){ //选择日期完毕的回调
								//         alert('得到：'+datas);
								        
								//     }
								// });

								// //日期范围限定在昨天到明天
								// laydate({
								//     elem: '#hello3',
								//     min: laydate.now(-1), //-1代表昨天，-2代表前天，以此类推
								//     max: laydate.now(+1) //+1代表明天，+2代表后天，以此类推
								// });

								// 	$(document).ready(function() {
								// 		$('.btn').click(function(event) {
								// 			var z=$('#jiancha1').val();
								// 			console.log(z);
								// 		});


								// 	});
								</script>
						</li>
						
						<li><span>发布人：</span><input required type="text"></li>
						
						<li><span>参加人数：</span><input required type="text"></li>
						
						<li><span>课程简介：</span><textarea class="kechengjieshao"></textarea></li>

						<li>
							<span>赛事详情：</span>
							<!-- 预留的div 不要删  在内部插 -->
								<div class="saishixiangqing">
									




								</div>


							<!-- 预留的div -->
						</li>

						<li>

							<span>封面图：</span>
							<div id="demo6">
								<div id="as" ></div>
							</div>
							<script type="text/javascript">

							/*
							* 服务器地址,成功返回,失败返回参数格式依照jquery.ajax习惯;
							* 其他参数同WebUploader
							*/

							
							$('#as').diyUpload({
								url:'server/fileupload.php',
								success:function( data ) {
									console.info( data );
								},
								error:function( err ) {
									console.info( err );	
								},
								buttonText : '选择文件',
								chunked:true,
								// 分片大小
								chunkSize:512 * 1024,
								//最大上传的文件数量, 总文件大小,单个文件大小(单位字节);
								fileNumLimit:1,
								fileSizeLimit:500000 * 1024,
								fileSingleSizeLimit:50000 * 1024,
								accept: {}
							});
							</script>
						</li>
						<li><span>活动金额：</span><input required type="text"></li>
						<li>
							<li><span></span><input class="zongse" type="submit"></li>
						</li>

						
				</ul>
				<!-- 待审核的活动列表 -->
				<ul class="huodongList">
						<li>
							<a href="javascript:;">
								<img src="images/img.png"  alt="">
							</a>
							<div class="huodongListRight">
								<h2><a href="javascript:;">活动名称名称</a></h2>
								<p><span>时间：</span><span>2016-1-1~2016-2-2</span></p>
								<p><span>地点：</span><span>上海市黄浦新区某某某路某某某号某某琴行</span></p>
								<p><span>发布人：</span><span>张三李四</span></p>
								<p class="neirongjianjie"><span>内容简介：</span>内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介</p>

								<!-- 查看报名人数按钮 -->
								<div class="chakanrenshu">
									待审核
								</div>
								<!-- 查看报名人数按钮结束 -->

							</div>
							
							
						</li>
						
						
				</ul>
				
				
				
				
		</div>
	</div>
		<!-- 调用slide的js语句 -->
		<script type="text/javascript">jQuery(".www360buy").slide({delayTime:0 });</script>
		<!-- 调用slide的js语句结束 -->


		</div>
		<!-- 知音动态区域·················································· -->


	</div>
	<!-- 中间结构完成····················································· -->
	<!-- 右侧展示························································· -->
	<div class="singleRight">
		<!-- 登录区域··············································· -->
		<div class="login">
			
			<!-- 登录后············································· -->
			<div class="login_Hou">
				<div class="touxiang"><img src="images/tou.jpg" alt=""></div>
				<div class="uesrID">小竹于</div>
				<div class="shenfen"><em>身份：</em><span>习乐人</span></div>
				<div class="dengji"><em>等级：</em><span>六级</span><a href="javascript:;">[积分规则]</a></div>
				<div class="jingyanzhi clearfix"><em>爱好乐器：</em><span>钢琴，提琴</span></div>
				<div class="guanzhu clearfix">
					<div class="inguanzhu"><em>关注</em><span>181</span></div>
					<div class="fensi"><em>粉丝</em><span>222</span></div>
				</div>

			</div>
			<div class="fatiezi">
					<ul class="clearfix">
						<li><a href="javascritp:;">返回首页</a></li>
						<li><a href="javascritp:;">安全退出</a></li>
					</ul>
				</div>
			<div class="search">
				<form class="clearfix" action="">
					
					<input type="search" placeholder="钢琴 吉他 萨克斯">
					
				</form>
				<i class="iconfont">&#xe658;</i>
			</div>
		</div>
		<!-- 登录区域结束··············································· -->
		<!-- 右侧帖子展示··············································· -->
		<div class="chaxuntiezi">
			<h2>热帖查询</h2>
			<!-- 日期选择··············································· -->
			<div class="choice">
				<div class="demo1">
					<input class="laydate-icon" id="demo" value="2014-6-25"> 
				</div>
				<script type="text/javascript">
				!function(){
					laydate.skin('molv');//切换皮肤，请查看skins下面皮肤库
					laydate({elem: '#demo'});//绑定元素
				}();

				//日期范围限制
				var start = {
				    elem: '#start',
				    format: 'YYYY-MM-DD',
				    min: laydate.now(), //设定最小日期为当前日期
				    max: '2099-06-16', //最大日期
				    istime: true,
				    istoday: false,
				    choose: function(datas){
				         end.min = datas; //开始日选好后，重置结束日的最小日期
				         end.start = datas //将结束日的初始值设定为开始日
				    }
				};

				var end = {
				    elem: '#end',
				    format: 'YYYY-MM-DD',
				    min: laydate.now(),
				    max: '2099-06-16',
				    istime: true,
				    istoday: false,
				    choose: function(datas){
				        start.max = datas; //结束日选好后，充值开始日的最大日期
				    }
				};
				laydate(start);
				laydate(end);

				//自定义日期格式
				laydate({
				    elem: '#test1',
				    format: 'YYYY年MM月DD日',
				    festival: true, //显示节日
				    choose: function(datas){ //选择日期完毕的回调
				        alert('得到：'+datas);
				    }
				});

				//日期范围限定在昨天到明天
				laydate({
				    elem: '#hello3',
				    min: laydate.now(-1), //-1代表昨天，-2代表前天，以此类推
				    max: laydate.now(+1) //+1代表明天，+2代表后天，以此类推
				});
				</script>
			</div>
			<div class="ok">
				<input type="submit">
			</div>
			<div class="recommond">
				<span>换一批</span>

				<dl>
					<dd>个人热门贴</dd>
					<dt>
						<img src="images/little.png">
						<a href="javascript:;">标题标题标题标题标题</a>
						<span>作者作者</span>
						<span>12/12 09:10</span>
					</dt>
					<dt>
						<img src="images/little.png" height="60" width="60">
						<a href="javascript:;">标题标题标题标题标题</a><span>12/12 09:10</span></dt>
					<dt>
						<img src="images/little.png">
						<a href="javascript:;">标题标题标题标题标题</a><span>12/12 09:10</span></dt>
					<dt>
						<img src="images/little.png">
						<a href="javascript:;">标题标题标题标题标题</a><span>12/12 09:10</span></dt>
					<dt>
						<img src="images/little.png">
						<a href="javascript:;">标题标题标题标题标题</a><span>12/12 09:10</span></dt>
					<dt>
						<img src="images/little.png">
						<a href="javascript:;">标题标题标题标题标题</a><span>12/12 09:10</span></dt>
					</dl>
					<a href="">查看更多帖子></a>
				</div>

		</div>

		<!-- 右侧帖子展示··············································· -->
	</div>
	<!-- 右侧展示完成····················································· -->




<!-- 中间区域结束···························································· -->


</div>




<!-- ····························中间结构结束·································· -->	
<!-- 底部结构开始································································ -->
	<div class="footerWrap">
		<div class="footBian">
			<div class="footNavWrap clearfix">
				<div class="footNav clearfix">
					<dl>
						<dd><a href="javascript:;">音乐广场</a></dd>
						<dt><a href="javascript:;">视频</a></dt>
						<dt><a href="javascript:;">图片</a></dt>
						<dt><a href="javascript:;">音乐</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐资讯</a></dd>
						<dt><a href="javascript:;">音乐新闻</a></dt>
						<dt><a href="javascript:;">音乐资讯</a></dt>
						<dt><a href="javascript:;">音乐活动</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐名人</a></dd>
						<dt><a href="javascript:;">名人名家</a></dt>
						<dt><a href="javascript:;">音乐之星</a></dt>
						
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐老师</a></dd>
						<dt><a href="javascript:;">键盘老师</a></dt>
						<dt><a href="javascript:;">吉他老师</a></dt>
						<dt><a href="javascript:;">弦乐老师</a></dt>
						<dt><a href="javascript:;">管乐老师</a></dt>
						<dt><a href="javascript:;">民乐老师</a></dt>
						<dt><a href="javascript:;">电声老师</a></dt>
						<dt><a href="javascript:;">民乐老师</a></dt>
						
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐教室</a></dd>
						<dt><a href="javascript:;">视频</a></dt>
						<dt><a href="javascript:;">图片</a></dt>
						<dt><a href="javascript:;">音乐</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐乐团</a></dd>
						<dt><a href="javascript:;">视频</a></dt>
						<dt><a href="javascript:;">图片</a></dt>
						<dt><a href="javascript:;">音乐</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐海选</a></dd>
						<dt><a href="javascript:;">视频</a></dt>
						<dt><a href="javascript:;">图片</a></dt>
						<dt><a href="javascript:;">音乐</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐乐谱</a></dd>
						<dt><a href="javascript:;">视频</a></dt>
						<dt><a href="javascript:;">图片</a></dt>
						<dt><a href="javascript:;">音乐</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐百科</a></dd>
						<dt><a href="javascript:;">视频</a></dt>
						<dt><a href="javascript:;">图片</a></dt>
						<dt><a href="javascript:;">音乐</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐电台</a></dd>
						<dt><a href="javascript:;">视频</a></dt>
						<dt><a href="javascript:;">图片</a></dt>
						<dt><a href="javascript:;">音乐</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">声粉论坛</a></dd>
						
					</dl>
				</div>
				<div class="footCode clearfix">
					<div class="firstCode">
						<a href="javascript:;">
							<img src="images/foot_weixin.jpg" alt="">
							<h3>扫一扫关注微信</h3>
						</a>
					</div>
					<div class="secondCode">
						<a href="javascript:;">
							<img src="images/foot_app (1).jpg" alt="">
							<h3>扫一扫下载APP</h3>
						</a>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="footBtm clearfix">
				<div class="h1">
					<a href="javascript:;">
						<h1>好琴声</h1>
					</a>
				</div>
				<div class="lianxi">
					<div class="footTil">
						<span>好琴声</span>
						<i>0 2 1 - 6 7 7 0 3 9 5 6</i>
					</div>
					<div class="footcon">
						<p>Copyright © 2015 greattone.net All rights reserved. 好琴声版权所有</p>
						<p>沪ICP备09050100号</p>
						<p>公司总部地址：上海市金山区枫泾镇枫湾路531号科创小镇二楼 24小时服务热线：15216849061</p>
					</div>
				</div>
			</div>
		</div>
	</div>

<!-- 底部结构开始································································ -->


</body>
</html>